<template>
  <div>
    <MyDialog></MyDialog>

    <MyDialog>
      你确认要退出么
    </MyDialog>
    <!-- 插槽后备内容（默认值）
    插槽后备内容：封装组件时，可以为预留的`<slot`插槽提供后备内容（默认内容）
    语法：在<slot>标签内，放置内容，作为默认显示内容
      效果：
    外部使用组件时，不传东西，则slot会显示后备内容<MyDialog></MyDialog>
    外部使用组件时，传东西了，则slot整体会被换掉
    <MyDialog>我是内容</MyDialog> -->
  </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'
export default {
  data () {
    return {

    }
  },
  components: {
    MyDialog
  }
}
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>